<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>Title</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <style type="text/css">
        .method{
            width:100px;
        }
    </style>
</head>

<body>

<ul>
    <li>
        <a>API接口1</a>
        <ul>
            <li>
                <span class="method">GET</span>
                <span>API1</span>
            </li>
            <li>
                <span class="method">POST</span>
                <span>API2</span>
            </li>
            <li>
                <span class="method">OPTIONS</span>
                <span>API3</span>
            </li>
            <li>
                <span class="method">DELETE</span>
                <span>API4</span>
            </li>
            <li>
                <span class="method">PUT</span>
                <span>API5</span>
            </li>
            <li>
                <span class="method">HTTTX</span>
                <span>API6</span>
            </li>
        </ul>
    </li>
    <li>
        <a>API接口2</a>
    </li>
    <li>
        <a>API接口3</a>
    </li>
    <li>
        <a>API接口4</a>
    </li>
    <li>
        <a>API接口5</a>
    </li>
    <li>
        <a>API接口6</a>
    </li>
</ul>

</body>
</html>